<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="format-detection" content="telephone=no">
    <title th:if="${title eq '首页'}" th:text="${website.title}"></title>
    <title th:if="${title ne '首页'}" th:text="${title+'|'+website.title}"></title>
    <meta name="keywords" th:content="${website.keywords}"/>
    <meta name="description" th:content="${website.description}"/>
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery.js"></script>
    <script src="js/SuperEffects.js"></script>
    <script src="js/public.js"></script>
    <link rel="stylesheet" href="layui/css/layui.css">
    <script src="layui/layui.js"></script>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed dark bootsnav wOpacity wow fadeIn" data-wow-delay="0.0s">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu"><i
                    class="fa fa-bars"></i></button>
            <a class="navbar-brand"><span class="dsPc"><img th:src="${website.logoUrl}" width="266"
                                                                     height="46"></span><span
                    class="dsPadPhone"><img
                    src="images/m-logo.png" width="116" height="46"></span></a>
        </div>
        <div class="collapse navbar-collapse" id="navbar-menu">
            <ul class="nav navbar-nav navbar-center" data-in="fadeInDown" data-out="fadeOutUp">
                <li id="indexLi"><a href="/">首页</a></li>
                <li id="productLi" class="dropdown"><a href="/product" class="dropdown-toggle"
                                                       data-toggle="dropdown">产品服务</a>
                    <ul class="dropdown-menu" id="productNav">
                        <li v-for="item in productList" :key="item.id"><a
                                :href="'/product?id='+item.id">{{item.title}}</a>
                        </li>
                    </ul>
                </li>
                <li id="solutionLi" class="dropdown"><a href="/solution" class="dropdown-toggle"
                                                        data-toggle="dropdown">解决方案</a>
                    <ul class="dropdown-menu" id="soultionNav">
                    </ul>
                </li>
                <li id="checkLi"><a href="/check">合同查验</a></li>
                <li id="templateLi"><a href="/template">合同模板</a></li>
                <li id="newsLi" class="dropdown"><a href="/news" class="dropdown-toggle"
                                                    data-toggle="dropdown">新闻资讯</a>
                    <ul class="dropdown-menu" id="newsNav"></ul>
                </li>
                <li id="aboutLi" class="dropdown"><a href="/about" class="dropdown-toggle"
                                                     data-toggle="dropdown">关于我们</a>
                    <ul class="dropdown-menu">
                        <li><a href="/about">公司介绍</a></li>
                        <li><a href="/team">团队介绍</a></li>
                        <li><a href="/honor">资质荣誉</a></li>
                        <li><a href="/contact">联系我们</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="navRx">
            <span class="navMbr">
                <div class="dsPc"><a href="https://www.zqsign.com" target="_blank" class="nav_a1">登录</a> | <a href="https://www.zqsign.com/#/Register" target="_blank" class="nav_a1">注册</a></div>
    <div class="dsPadPhone"><a style="color:#ff3041; margin:0" th:href="${'tel:'+website.cellPhone}" class="nav_a1" th:text="${website.cellPhone}"></a></div>
        </div>
    </div>
</nav>
<div class="topEmpty"></div>
<div th:include="::content"></div>
<div class="hmBom wOpacity wow fadeIn" data-wow-delay="0.0s">
    <div class="container">
        <div class="hmBom_x1 clearfix">
            <dl class="hmBomDl" id="productFoot"></dl>
            <dl class="hmBomDl">
                <dt><a href="/about" class="hmBom_a0">我们</a></dt>
                <dd><a href="/about" class="hmBom_a1">公司介绍</a></dd>
                <dd><a href="/team" class="hmBom_a1">团队介绍</a></dd>
                <dd><a href="/honor" class="hmBom_a1">资质荣誉</a></dd>
                <dd><a href="/contact" class="hmBom_a1">联系我们</a></dd>
            </dl>
            <dl class="hmBomDl">
                <dt><a href="#" class="hmBom_a0">联系我们</a></dt>
                <dd><a class="hmBom_a1" th:text="${'电话：'+website.cellPhone}"></a></dd>
                <dd><a class="hmBom_a1" th:text="${'邮箱：'+website.email}"></a></dd>
                <dd class="clearfix" id="picsFoot"></dd>
            </dl>
            <div class="hmBomDx">
                <div class="hmBom_st">微信公众号</div>
                <img class="hmWxImg" th:src="${website.wechat}" width="130" height="130">
            </div>
            <div class="hmBomRm">
                <div class="hmBom_st">我们联系您</div>
                <ul class="hmFmul clearfix">
                    <li class="col-xs-12 col-sm-6 col-md-6">
                        <input placeholder="姓名" maxlength="10" id="name" onblur="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"  class="hmFm_int" name="" type="text"></li>
                    <li class="col-xs-12 col-sm-6 col-md-6">
                        <input placeholder="电话" maxlength="11" id="tel" class="hmFm_int" onkeyup="value=value.replace(/[^\d]/g,'')" name="" type="text"></li>
                    <li class="col-xs-12 col-sm-12 col-md-12">
                            <textarea class="hmFm_area" id="content" placeholder="您的问题" name="" cols=""
                                      rows="" maxlength="100"></textarea></li>
                    <li class="col-xs-12 col-sm-12 col-md-12">
                        <a href="javascript:;" id="sendMess" class="hmFmsubmit">提交</a></li>
                </ul>
            </div>
        </div>
        <div class="hmBom_x2 clearfix" id="linksFoot"></div>
    </div>
</div>

<script>
    $(function(){
        //product
        $.get("/getArticle", {pid: 30,t:new Date().getTime()}, function (data) {
            var tr = '<dt><a href="/product" class="hmBom_a0">产品</a></dt>';
            var navTr = '';
            for(var i = 0;i<data.length;i++){
                tr += '<dd><a href="/product?id='+data[i].id+'" class="hmBom_a1">'+data[i].title+'</a></dd>';
                navTr +='<li><a href="/product?id='+data[i].id + '">'+data[i].title+'</a></li>';
            }
            $("#productFoot").html(tr);
            $("#productNav").html(navTr);
        })

        //links
        $.get("/getArticle", {pid: 37,t:new Date().getTime()}, function (data) {
            var tr = '<span>友情链接：</span>';
            for(var i = 0;i<data.length;i++){
                tr += '<a style="white-space:inherit;margin:0 16px" href="'+data[i].url+'" target="_blank" class="hmFr_a">'+data[i].title+'</a>';
            }
            $("#linksFoot").html(tr);
        })

        //pics
        $.get("/getArticle", {pid: 36,t:new Date().getTime()}, function (data) {
            var tr = '';
                for(var i = 0;i<data.length;i++){
                    tr += '<a href="'+data[i].url+'" target="_blank" class="hmShare_a"><img src="'+data[i].imgSrc+'"/></a>';
                }
            $("#picsFoot").html(tr);
        })

        //news
        $.get("/getCategory", {pid: 5,t:new Date().getTime()}, function (data) {
            var tr = ''
            for(var i = 0;i<data.length;i++){
                tr += '<li><a href="/news?pid='+data[i].id+'">'+data[i].title+'</a></li>';
            }
            $("#newsNav").html(tr);
        })

        //solution
        $.get("/getArticle", {pid: 29,t:new Date().getTime()}, function (data) {
            var tr = ''
            for(var i = 0;i<data.length;i++){
                tr += '<li><a href="/solution?id='+data[i].id+'">'+data[i].title+'</a></li>';
            }
            $("#soultionNav").html(tr);
        })

        $("#sendMess").click(function(){
            var name = $("#name").val();
            if (name == '') {
                alert("请输入您的姓名！");
                return false
            }
            var tel= $("#tel").val();
            if (tel == '') {
                alert("请输入您的电话！");
                return false
            }
            var content = $("#content").val();
            if (!(/^1[34578]\d{9}$/.test(tel))) {
                alert("手机号码有误！");
                return false;
            }
            $.post("/sendMess", {name: name, tel: tel, content: content, type: 0}, function (data) {
                if (data.result) {
                    alert("发送成功，请保持手机畅通！");
                    $("#name").val("");
                    $("#tel").val("");
                    $("#content").val("");
                }
            })
        })
    })
</script>
<div class="footer wOpacity wow fadeIn" data-wow-delay="0.0s" th:text="${website.copyright}"></div>
</body>
</html>